<!-- 404页 -->
<template>
    <div class="box">
        <!-- <el-button type="warning" @click="goHome">点击回到首页</el-button> -->
        <img src="../../assets/images/error_images/404.png" alt="">
    </div>
</template>

<script setup lang="ts">
import { ElMessage } from 'element-plus';
import { onMounted } from 'vue'
import { useRouter } from 'vue-router';
let $router = useRouter();
// const goHome = ()=>{
//     $router.push('/home');
// }
onMounted(()=>{
    ElMessage({
        type: 'warning',
        showClose: true,
        message:'即将跳转到首页',
        duration: 1000
    })
    setTimeout(()=>{
        $router.push('/home');
    },2000);
})
</script>

<style scoped lang="scss">
.box{
    width: 100vw;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    // .el-button{
    //     margin-top: 10px;
    //     width: 100px;
    // }
    img{
        position: relative;
        left: 160px;
        width: 800px;
        height: 400px;
    }
}
</style>